
.page-home-index{
    .c0{
        padding: 15PX;
    }
    .r1{
        Image{
            width: 8PX;
            height: 8PX;
        }
    }

    .swiper-cont{
        margin-top: 30PX;
        .swiper-item{
            border-radius: 6PX;
            height: 100%;
            Image{
                width: 100%;
                height: 100%;
            }
        }
    }

    .vip-cont{
        margin: 10PX 0;
        .vip-cont-c0{
            padding: 10PX 5PX;
            border-radius: 6PX;
            box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.5);
        }
        .vip-cont-r1{
            //padding: 5PX;
            .left{
                padding-left: 5PX;
                text-align: left;
                font-size: 14PX;
            }

            .right{
                padding-right: 5PX;
                text-align: right;
                font-size: 10PX;
            }
            Image{
                width: 8PX;
                height: 8PX;
            }
        }

        .vip-cont-r2{
            .at-col-4{
                padding: 5PX;
            }
        }

        .vip-item{
            height: 110PX;
            padding: 8PX;
            border-radius: 6PX;
            color: #fff;
            font-size: 14PX;
            text-align: center;
            .r111{
                height: 20PX;
                font-size: 14PX;
            }
            .r112{
                height: 50PX;
            }
            .r113{
                height: 15PX;
               font-size: 12PX; 
            }
            .r114{
                font-size: 10PX; 
            }
        }

        .project{
            Image{
                width: 48PX;
                height: 48PX;
            }
            background:linear-gradient(180deg,rgba(0,178,255,1) 0%,rgba(0,109,253,1) 100%);
        }

        .point{
            Image{
                width: 38PX;
                height: 38PX;
            }
            background:linear-gradient(180deg,rgba(255,68,195,1) 0%,rgba(255,8,90,1) 100%);
        }

        .vip{
            Image{
                width: 40PX;
                height: 40PX;
            }
            background:linear-gradient(180deg,rgba(251,173,0,1) 0%,rgba(255,127,44,1) 100%);
        }
    }

    .list-title{
        margin-top: 20PX;
        margin-bottom: 10PX;
        .left{
            padding-left: 5PX;
            font-size: 14PX;
        }

        .right{
            padding-right: 5PX;
            text-align: right;
            font-size: 10PX;
            Image{
                width: 8PX;
                height: 8PX;
            }
        }
    }

    .list-cont{
        flex-wrap: wrap;
        Image{
            width: 100%;
        }

        .goods-item{
            margin-bottom: 10PX;
            
            
            border-radius: 0PX 0PX 8PX 8PX;
            box-shadow: 0PX 3PX 6PX rgba(0, 0, 0, 0.06);
            .goods-t1{
                margin: 0 3PX;
                font-size: 14PX;
                font-weight: bold;
                overflow : hidden;

                .at-col{
                    padding:0 10PX;
                }
                Text{
                    word-wrap: break-word;
                    word-break: break-all;
                    white-space: pre-line;
                }
            }

            .goods-t2{
                margin: 5PX 3Px;
                font-size: 12PX;
                color: #707070;
                .at-col{
                    padding:0 10PX;
                }
                Text{
                    word-wrap: break-word;
                    word-break: break-all;
                    white-space: pre-line;
                }
            }

            .goods-t3{
                margin: 10PX 3PX;
                font-size: 10PX;
                color: #DF1616;
                .at-col{
                    padding:0 10PX;
                }
            }
        }
        .shop-item {
            padding-right: 5PX;
        }
        .shop-item:nth-child(2n) {
            padding-left: 5PX;
            padding-right: 0PX;
        }
        .left{
            padding-right: 5PX;
            
        }
        .right{
            padding-left: 5PX;
        }
    }
    .at-tabs__header{
        width:148PX;
    }
    .at-tabs__item-underline{
        bottom: 5PX;
        width:20PX;
        height:3PX;
        left: 50%;
        margin-left:-10PX;
        border-radius: 5PX;
        background-color:#17A8E6;
    }
    .at-tabs__item{
        padding:8Px 0;
        margin-right: 10PX;
        font-weight: 400;
        font-size: 16PX;
        color:#999;
    }
    .at-tabs__item--active{
        font-weight: bold;
        font-size: 16PX;
        color:#1A1A1A;
    }
    .at-tabs__underline{
        background-color: rgab(0,0,0,0);
        height:0!important;
    }

    .at-segmented-control{
        border:0;
        height: 45PX;
        .at-segmented-control__item{
            flex: 0 1 auto;
            height: 38PX;
            line-height: 38PX;
            font-size: 16PX;
            color:#999;
        } 
        .at-segmented-control__item--active{
            font-size: 16PX;
            font-weight: bold;
            color:#1A1A1A;
            position: relative;
            background-color:#fff;

        }
        .at-segmented-control__item--active::after{
            content:'';
            position: absolute;
            width: 20PX;
            height: 3PX;
            background-color: #17A8E6;
            bottom:3PX;
            left:50%;
            margin-left: -10PX;
            border-radius: 5PX;
        }
        .at-segmented-control__item + .at-segmented-control__item{
            border:0;
        }
    }
}	

.goods-money1{
  font-size: 14PX;
  color: #DF1616;
}

.goods-money2{
  font-size: 10PX;
  color: #DF1616;
}